<template>
	<view class="about-box">
		<view class="about-top-box">
			<image class="about-top-icon" src="/static/hkd_logo.png" mode="aspectFit"></image>
			<view class="about-top-info">
				<text>会开店</text>
				<text>开店宝支付有限公司</text>
			</view>
		</view>
		<view class="about-content-box">
			<text>开店宝支付服务有限公司成立于2006年2月，注册资本1.2亿元。开店宝拥有中国人民银行颁发的《支付业务许可证》，获准开展全国范围的银行卡收单业务。</text>
			<text>开店宝以“服务中小微商家”为使命，致力于通过科技创新能力，搭建一个基于支付场景的高效、智能的“支付+”服务平台，为中小微商家提供高效、安全的综合金融支付服务。目前，开店宝在全国拥有38家分公司，业务范围遍布全国。</text>
			<text>未来，开店宝将以“服务”为核心，“科技”为推动力，聚焦中小微商家，在巩固提升原有小微商户服务业务基础上，不断提升在大数据和SaaS云服务领域的技术及解决方案能力，赋能小微商家，让生意更简单，让开店更轻松，成为商家“生意好帮手”！</text>
		</view>
		<view class="about-xkz-img-box">
			<image class="about-xkz-img" src="/static/mine_pay_img.png" mode="aspectFit"></image>
		</view>
		<view class="about-line"></view>
		<view class="about-bottom-box">
			<text @tap="makeCallAction">客服电话 {{CUSTOMSERVICE_TEL}}</text>
			<text>公司网址 https://www.candypay.com/</text>
		</view>
	</view>
</template>

<script setup>
	import { CUSTOMSERVICE_TEL } from '@/config/config.js'
	const makeCallAction = ()=>{
		uni.makePhoneCall({
			phoneNumber:CUSTOMSERVICE_TEL
		})
	}
</script>

<style lang="scss" scoped>
page{
	background-color: white;
}
.about-box{
	padding: 60rpx;
	.about-top-box{
		display: flex;
		align-items: center;
		.about-top-icon{
			width: 116rpx;
			height: 116rpx;
		}
		.about-top-info{
			display: flex;
			flex-direction: column;
			margin-left: 30rpx;
			font-size: 28rpx;
			text:nth-child(1){
				color: $xh-theme-color;
			}
			text:nth-child(2){
				color: $xh-title-color;
				margin-top: 16rpx;
			}
		}
	}
	.about-content-box{
		padding: 40rpx 0;
		color: $xh-color-606266;
		font-size: 26rpx;
		line-height: 50rpx;
		text-indent: 2rem;
		display: flex;
		flex-direction: column;
	}
	.about-xkz-img-box{
		display: flex;
		justify-content: center;
		.about-xkz-img{
			width: 485rpx;
			height: 354rpx;
		}
	}
	.about-line{
		background-color: $xh-line-color;
		height: 1px;
		transform: scaleY(0.5);
		margin: 30rpx 0;
	}
	.about-bottom-box{
		display: flex;
		flex-direction: column;
		align-items: center;
		color: $xh-color-606266;
		font-size: 26rpx;
		text:nth-child(2){
			margin-top: 16rpx;
		}
	}
	
}
</style>
